<template>
  <el-form-item label="标签">
    <!--<el-input v-model="dataArr.tags" size="small" @blur="burlChangeVal"></el-input>-->
    <div class="tagsBox">
      <el-select
        @change="burlChangeVal"
        style="width: 100%;"
        v-model="dataArr.tags"
        multiple
        filterable
        allow-create
        default-first-option
        placeholder="标签">
        <el-option
          v-for="item in optionsTags"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>
    </div>
  </el-form-item>
</template>

<script>
  export default {
    name: 'apiTags',
    props: ['form'],
    data() {
      return {
        optionsTags: [],
        dataArr: this.form
      }
    },
    methods: {
      burlChangeVal() {
        this.$emit('changeFormFun', this.dataArr)
      }
    }
  }
</script>

<style>
.tagsBox .el-select__tags-text{
  color: #909399;
}
</style>
